// 定义食物类
class Food {
    //定义一个属性表示食物所对应的元素
    element: HTMLElement;
    constructor() {
        //获取页面中的food元素，并将其赋值给element
        this.element = document.getElementById("food")!
    }
    // 定义一个获取食物x轴坐标的方法
    get x() {
        return this.element.offsetLeft
    }
    // 定义一个获取食物y轴坐标的方法
    get y() {
        return this.element.offsetTop
    }
    // 修改食物位置的方法  随机位置
    change() {

        // 生成一个随机的位置  食物的位置最小是0  最大时290    食物的坐标必须时整10
        // 蛇移动一次就是一个格子  一个格子就是10px
        // Math.random()  表示0-1之间的一个数   
        let top = Math.round(Math.random() * 29) * 10  //0-290之间的一个整数
        let left = Math.round(Math.random() * 29) * 10  //0-290之间的一个整数
        this.element.style.left = left + "px";
        this.element.style.top = top + "px";

    }
}

export default Food;